<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="../css/reset.css" rel="stylesheet" type="text/css">
    <link href="../css/common.css" rel="stylesheet" type="text/css">
    <link href="../css/bluejSpread.css" rel="stylesheet" type="text/css">

    <title>蓝景传播</title>
</head>

<body>
    <!-- 
        234e23
     -->
    <div class="web">
        <!-- 头部部分 -->
        <header>
            <nav>
                <ul>
                    <li><a href="">HOME</a></li>
                    <li><a href="">蓝景技术</a></li>
                    <li><a href="">蓝景营销</a></li>
                    <li><a href="">蓝景培训</a></li>
                    <li>
                        <div>
                            <span><img src="../images/logo.png" alt="加载失败"></span>
                        </div>
                    </li>
                </ul>
            </nav>
        </header>
        <section>
            <div class="top">
                <img src="../images/bluejSpread/top_01.png" alt="加载失败">
                <div class="textcontent content">
                    <p class="detailtop">NETWORK MARKETING</p>
                    <h1 class="largedetail">蓝景网络传播</h1>
                    <p>拥有多年的网络传播经验，从方案策划—创意执行—媒体采购—内容合作—明星街拍—微电影制作，为客户提供多元化的合作服务。</p>
                </div>
            </div>
            <!-- 六度营销 -->
            <div class="sixdegress">
                <!-- 左边内容 -->
                <div class="textcontent detail">
                    <p class="detailtop">CORE COMPETENCE</p>
                    <p class="largedetail">蓝景传播 - 六度营销</p>
                    <ul class="ul">
                        <li><span>互联网传播策划</span></li>
                        <li><span>微电影、视频拍摄</span></li>
                        <li><span>创意互动、设计、建网站解决方案手机端程序</span></li>
                        <li><span>IP合作、内容营销、KOL约稿</span></li>
                        <li><span>明星私服街拍、机场街拍</span></li>
                        <li><span>网络媒介采购、非标资源谈判</span></li>
                    </ul>
                </div>
                <div class="image">
                    <div class="box">
                        <!--第一行(lineFirst)-->
                        <div class="lineF">
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay bg">
                                            <a href="#"><img src="../images/logo.png" alt=""></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay">
                                            <a href="#"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay bg">
                                            <a href="#"><img src="../images/logo.png" alt=""></a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <!--第二行(lineSecond)-->
                        <div class="lineS">
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay">
                                            <a href="#"></a>
                                        </div>
                                    </div>                      
                                </div>
                            </div>
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay bg">
                                            <a href="#"><img src="../images/logo.png" alt=""></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay bg">
                                            <a href="#"><img src="../images/logo.png" alt=""></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay">
                                            <a href="#"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--第一行(lineFirst)-->
                        <div class="lineT">
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay bg">
                                            <a href="#"><img src="../images/logo.png" alt=""></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay">
                                            <a href="#"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="boxF">
                                <div class="boxS">
                                    <div class="boxT">
                                        <div class="overlay bg">
                                            <a href="#"><img src="../images/logo.png" alt=""></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- 明星私服、网红资源、明星街拍 -->
            <div class="corecompetence">
                <div class="coreimg fl">
                    <img src="../images/bluejSpread/clothing_03.jpg" alt="加载失败">
                </div>

                <div class="textcontent coredetail fl">
                    <p class="detailtop">CORE COMPETENCE</p>
                    <p class="largedetail">明星私服、网红资源、明星街拍</p>
                    <p class="textwidth">国内外一线、二线明星私服、明星街拍，每月为客户提供当下的热门明星街拍资源，让你的服装品牌瞬间爆红，冲击电商爆款！</p>
                    <p>适用客户：</p>
                    <p>中小型的时尚服饰、化妆护肤品、快消日用品。</p>  
                </div>
                <div class="clear"></div>
                <div class="line"></div>
            </div>

            <!-- IP合作、内容营销 -->
            <div class="textcontent ipcooperation">
                <p class="detailtop">CORE COMPETENCE</p>
                <p class="largedetail">IP合作、内容营销</p>
                <p>网络大电影、热点IP的结合，是当下热门的营销手段，我们能帮你</p>
            </div>
        </section>
    </div>
    <script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="../js/bluejSpread.js"></script>
</body>

</html>